/**
登录注册页面样式
 */
.atom-sign-layout {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-image: url(~@/assets/sign.svg);
  background-repeat: no-repeat;
  background-position: center 110px;
  background-size: 100%;
  background-color: @layout-body-background;
  /*手机端*/
  &.mobile .ant-layout-content .atom-sign-content {
    width: 96%;
    max-width: 328px;
  }
  /*内容部分*/
  .ant-layout-content {
    flex: 1 1 0;
    min-height: auto;
    .atom-logo {
      align-items: center;
    }
    .atom-logo .atom-logo-desc {
      color: @text-color-secondary;
    }
    .atom-sign-content {
      width: 328px;
      margin: 0 auto;
      .atom-sign-form {
        .ant-tabs .ant-tabs-bar {
          text-align: center;
          border-bottom: none;
          background: none;
        }
        .atom-form-flex .ant-form-item-control .ant-form-item-control-input-content {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          .ant-input-affix-wrapper, .ant-avatar-group {
            flex: 1 1 0;
            margin-right: 8px;
          }
          .atom-form-flex-right {
            text-align: right;
            cursor: pointer;
          }
        }
        .ant-form-item {
          .ant-input-prefix {
            color: @primary-color;
          }
          .ant-input-lg, .ant-btn-lg {
            font-size: 14px;
            .ant-statistic .ant-statistic-content {
              font-size: 14px;
            }
          }
          .atom-form-flex-right {
            color: @primary-color;
            &:hover {
              color: @primary-4;
            }
          }
          .ant-avatar-group .ant-avatar {
            cursor: pointer;
            margin-right: 16px;
            &:hover {
              border-color: @primary-color;
              background-color: @primary-color;
              transition: all 0.3s;
            }
          }
        }
      }
    }
  }
  /*页脚部分*/
  .ant-layout-footer {
    padding: 8px 16px;
    margin: 16px 0 8px;
    text-align: center;
    .atom-footer-links a, .atom-footer-copyright {
      font-size: 14px;
      color: @text-color-secondary;
    }
    .atom-footer-copyright {
      margin-top: 8px;
      text-align: center;
    }
  }
}
/*密码强度*/
.atom-password-level {
  &.low .atom-password-level-desc {
    color: @error-color;
  }
  &.middle .atom-password-level-desc {
    color: @warning-color;
  }
  &.strong .atom-password-level-desc {
    color: @success-color;
  }
}
